<template>
    <div>
        About组件
        <button @click="counter++">{{counter}}</button>
    </div>
</template>

<script>
    export default {
        name: 'home',
        data() {
            return {
                counter: 0
            }
        },
        // created() {
        //     console.log('created');
        // },
        // unmounted() {
        //     console.log('unmounted');
        // }
        // 不同于unmounted和created 不会受include的限制
        activated() {
            console.log('activated');
        },
        deactivated() {
            console.log('deactivated');
        }
    }
</script>

<style scoped>

</style>